{% extends 'layout.html' %}
{% load static %}
{% block content %}
<div class="col-md-8 col-md-offset-1">
    <div class="jumbotron">
        <h3>破阵子</h3>
        <p>醉裡挑燈看劍 夢回吹角連營
                八百里分麾下炙 五十絃翻塞外聲
                沙場秋點兵</p>
    </div>

    <div class="form-inline">
    <div class="form-group">
        <span class="label label-success">python</span>
    </div>
    </div>

    <div class="list-group" style="margin-top: 30px">
    {% for article in articles %}
      <a href="{% url 'article_detail' id=article.id %}" class="list-group-item">
        {{ article.title }}
      </a>
    {% endfor %}
    </div>
</div>

<div class="col-md-2">
<a href="#" class="thumbnail">
      <img src="{% static 'img/qrcode.jpg' %}" alt="lll">
    </a>
</div>
{% endblock %}
